<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title></title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" type="text/css" href="/static/index/css/style.css">
  <link type="text/css" rel="stylesheet" href="/static/index/css/wgg.css">
  <link rel="stylesheet" href="/static/common/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="/static/index/css/component.css">
  <script src="/static/index/js/jquery/jquery-1.11.1.min.js"></script>
  <style type="text/css">
    .nav .left {
      padding-top: 0px;
    }
    .shouge {
      margin-left: 120px;
    }

    .huaguo a:hover .left {
      background: #09d3e7;
    }

    .newlisd {
      float: none;
      margin-left: 220px;
    }

    .azjsy{
      width: 1440px;
      margin: 0 auto;
      height: 560px;
    }

    .tupanweiz{
      margin: 0 auto;
      width: 1200px;
      margin-top: 110px;
    }

    .tupanweiz li p{
      text-align:center;
      margin-top: 30px;
      font-size: 18px;
    }

    .tupanweiz li img{
      border:3px solid #fff;
      border-radius: 5px;
    }
    .tupanweiz li+li{
      margin-left: 20px;
    }




body{
  font:14px/28px "微软雅黑";
}

.contact *:focus{outline :none;}

.contact{
  width: 700px;
  height: auto;
  background: #f6f6f6;
  margin: 40px auto;
  padding: 10px;
}

.contact ul {
  width: 650px;
  margin: 0 auto;
}

.contact ul li{
  border-bottom: 1px solid #dfdfdf;
  list-style: none;
  padding: 12px;
}

.contact ul li label {
  width: 120px;
  display: inline-block;
  float: left;
}

.contact ul li input[type=text],.contact ul li input[type=password]{
  width: 220px;
  height: 25px;
  border :1px solid #aaa;
  padding: 3px 8px;
  border-radius: 5px;
}

.contact ul li input:focus{
  border-color: #c00;
}

.contact ul li input[type=text]{
  transition: padding .25s;
  -o-transition: padding  .25s;
  -moz-transition: padding  .25s;
  -webkit-transition: padding  .25s;
}

.contact ul li input[type=password]{
  transition: padding  .25s;
  -o-transition: padding  .25s;
  -moz-transition: padding  .25s;
  -webkit-transition: padding  .25s;
}

.contact ul li input:focus{
  padding-right: 70px;
}

.btn{
  position: relative;
  left: 300px;
}

.tips{
  color: rgba(0, 0, 0, 0.5);
  padding-left: 10px;
}

.tips_true,.tips_false{
  padding-left: 10px;
}

.tips_true{
  color: green;
}

.tips_false{
  color: red;
}

.anniuyang{
  width: 90px;
  height: 30px;
  line-height: 30px;
  
}
.topleft img{
      padding-left: 120px;
    }

    .topright img{
      padding-right: 120px;
    }
</style>
<link rel="stylesheet" media="(max-width:750px)" type="text/css" href="/static/index/css/app.css">
</head>

<body>

  <div class="maxBox">
      {include file="public/header" /}
  </div>

  <!--banner-->
  <div class="banner" aos="fade-up"><a href="###"><img src="/static/index/img/about.jpg"></a></div>
  <!--banner-->
  <div class="wrap" style="margin-bottom:50px;">
      <div class="toph">
        <div class="weizhi">当前位置：<a href="###">主页</a> &gt; <a href="###">立即报名</a></div>
        <div class="clearfix"></div>
      </div>
    <div deep="1" style="text-indent:2em;">
      	<div class="contact" >
            <form name="form1" method="post" id="form_ajax" onsubmit="return false;">
              <ul>
                <li>
                  <label>姓名：</label>
                  <input type="text" name="name" placeholder="请输入用户名" id="name"  /><span class="tips" id="divname">长度1~12个字符</span>
                </li>
                <li>
                  <label>手机号：</label>
                  <input type="text" name="tel" placeholder="请输入你手机号" id="tel"/><span class="tips" id="divpassword1"></span>
                </li>
                <li>
                  <label>电子邮箱：</label>
                  <input type="text" name="email" placeholder="请输入你的邮箱"/><span class="tips" id="divmail"></span>
                </li>
                <li>
                  <label>所在地：</label>
                  <input type="text" name="address" placeholder="所在地"/><span class="tips"></span>
                </li>
                <li>
                  <label>目标国家：</label>
                  <input type="text" name="state" placeholder="目标国家"/><span class="tips"></span>
                </li>
                <li>
                  <label>期望薪资：</label>
                  <input type="text" name="salary" placeholder="期望薪资"/><span class="tips"></span>
                </li>
              </ul>
              <b class="btn">
                <button type="submit" onclick="submitForm()" class="anniuyang">提交</button>
                
              <input class="anniuyang" type="reset" value="取消"/></b>
            </form>
          </div>
    </div>
  </div>

  {include file="public/footer" /}
  <script src="/static/common/layer/layer.js"></script>
  <script>  
    function submitForm(){
      var formData = $('#form_ajax').serialize();
      var name = $('#name').val();
      var tel = $('#tel').val();
      if(name == ''){
        layer.alert('姓名不能为空', {icon: 5});
      } else if(tel == '') {
        layer.alert('电话不能为空', {icon: 5});
      } else {
        $.ajax({
          url:"{:url('admin/user/add')}",
          type:"post",
          data:formData,
          success:function(data){
            if(data.code == 1){
              layer.alert(data.msg, {icon: 6});
              $("form")[0].reset();
            }else{
              layer.alert(data.msg, {icon: 5});
            }
          }
        })
      }
    }
  </script>
</body>
</html>